<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>编辑框</title>
<style>
<!--
#navigation {
	width:180px;
	font-family:Arial;
}
#navigation ul {
	list-style-type:none;				/* 不显示项目符号 */
	margin:0px;
	padding:0px;
}
#navigation li {
	border-bottom:1px dotted #ED9F9F;	/* 添加下划线 */
}
#navigation li a{
	display:block;						/* 区块显示 */
	padding:5px 5px 5px 0.5em;
	text-decoration:none;
}
#navigation li a:link, #navigation li a:visited{
	background-color:#ffffffffff;
}
#navigation li a:hover{					/* 鼠标经过时 */
	background-color:#cfedff;			/* 改变背景色 */
	
}
-->
</style>
<style type="text/css">
.zxx_list_title{background:#eeeeee; border:1px solid #cccccc; padding:1em;}
.zxx_list_content{padding:1em;}
</style>
  <style>
*{margin:0;padding:0;}
body{margin:0px;font-size:12px;color:#666;}
li{list-style:none;}
.list{width:600px;padding:10px;font-size:14px;line-height:24px;border:1px #cfedff solid;border-top:0;margin:0 auto;}
.tab{width:600px;height:24px;border:1px #cfedff solid;border-bottom:0;background:#bfefff;margin:0 auto;}
.tab1{width:220px;height:24px;border:1px #cfedff solid;border-bottom:0;background:#bfefff;margin:0 auto;}
.nav{border:1px #cfedff solid;}
.tab ul{margin:0;padding:0;}
.tab li{float:left;padding:0 30px;height:24px;line-height:24px;text-align:center;border-right:1px #ebf7ff solid;cursor:pointer;}
.tab li.now{color:#5299c4;background:#fff;font-weight:bold;}
.block{display:block;}
h1{text-align:center;}
</style>
<script type="text/javascript">
function setTab(name,num,n){
	for(i=1;i<=n;i++){
		var menu=document.getElementById(name+i);
		var con=document.getElementById(name+"_"+"con"+i);
		menu.className=i==num?"now":"";
  		con.style.display=i==num?"block":"none"; 
	}
}
</script>
  <style type="text/css" rel="stylesheet">
    form {
    margin: 0;
    }
    .editor {
    margin-top: 5px;
    margin-bottom: 5px;
    }
  </style>
  <script type="text/javascript" charset="utf-8" src="../kindeditor.js"></script>
  <script type="text/javascript">
    KE.show({
        id : 'content2',
		resizeMode : 0,
        cssPath : '../index.css',
		allowUpload : true,
    	imageUploadJson : '/user.action?method=ss',
        items : ['emoticons']
    });
  </script>
</head>
<body>
<div style="background:#eeeeee; border-bottom:1px solid #cccccc; padding:0.5em; height:inherit; text-align:left">
<a href="login.html">登陆</a>&nbsp;<a href="register.html">注册</a>&nbsp; <a href="#">首页</a>&nbsp;<a href="#">社区</a>&nbsp;<a href="index.jsp">个人主页</a></div>


<table align="center" cellspacing="8">
	<tr>
	 	 <td colspan="3">
		 	 <a href="#">
		         <img border="0" src="../images/logo.gif"/>
		     </a>              
	     	<hr>
	  	</td>
	</tr>
	<tr>
		<td valign="top" class="nav">
			<div id="touxiang" align="center">
			 <img src="../images/touxiang.gif"/>
			  
			 <div>
				<span id="username" style="font-size:16px;">龙在江湖</span><span style="font-size:12px;"> <a href="">编辑</a></span>
			 </div>
			  <div style="padding:10px;">
				<span style="font-size:12px;">个性签名:</span><span id="qianming" style="font-size:12px;">一切皆有可能</span>
				<hr>
			 </div>
			</div>
			<div id="navigation">
				<ul>
					<li><a href="#"> <img src="../images/caidan.gif" border="0"/> &nbsp;动态</a></li>
					<li><a href="#"><img src="../images/caidan.gif" border="0"/> &nbsp;大话王</a></li>
					<li><a href="#"><img src="../images/caidan.gif" border="0"/> &nbsp;相册</a></li>
					<li><a href="#"><img src="../images/caidan.gif" border="0"/> &nbsp;最省钱</a></li>
					<li><a href="#"><img src="../images/caidan.gif" border="0"/> &nbsp;享生活</a></li>
					<li><a href="#"><img src="../images/caidan.gif" border="0"/> &nbsp;我的帖子</a></li>
					<li><a href="#"><img src="../images/caidan.gif" border="0"/> &nbsp;我的回复</a></li>
					<li><a href="#"><img src="../images/caidan.gif" border="0"/> &nbsp;我的朋友</a></li>
					<li><a href="#"><img src="../images/caidan.gif" border="0"/> &nbsp;我的私信</a></li>
				</ul>
			</div>
		</td>
		<td valign="top" class="nav">
			<form name="example" method="post" action="Show.jsp">
			<h5><font color="red">来说说你的心情</font></h5>
			  <div class="editor">
			    <textarea id="content2" name="content" style="width:600px;height:100px;visibility:hidden;"></textarea>
			  </div>
			  <div align="right" style="width:600px;">
			   <input type="button" name="button" value="立即发布" />
			  </div>
			  <!--  
			<input type="button" name="button" value="取得内容" onclick="javascript:alert(KE.util.getData('content2'));" />
			    <input type="button" name="button" value="取得纯文本" onclick="javascript:alert(KE.util.getPureData('content2'));" />
			   -->
			</form>

			<div class="tab">
			        <ul>
			            <li id="two1" onclick="setTab('two',1,4)" class="now">朋友动态</li>
			            <li id="two2" onclick="setTab('two',2,4)">我的动态</li>
			            <li id="two3" onclick="setTab('two',3,4)">邻居动态</li>
			        </ul>
			    </div>
			    <div class="list">
			        <div id="two_con1">
			       	 <div>
				       	<img src="../images/dongtai.gif">
			       	 </div>
			        </div>
			        <div id="two_con2" style="display:none;">
			      	 <div>
					       	<img src="../images/mydongtai.gif">
					</div>
			        </div>
			        <div id="two_con3" style="display:none;">
			         <div>
			         		邻居动态
			         </div>
			        </div>
			      
			    </div>
		</td>
		<td valign="top" class="nav">
				<table>
					
					<tr>
						<td valign="top">
						 <div class="tab1">
						 	<table width=100%>
								 <tr>
									 <td>我的朋友</td>
									  <td align="right"><a href="">更多</a></td>
								 </tr>
							 </table>
						 </div>
						  <div style="height:150px;">
							<img src="../images/haoyou.gif">
							</div>
						</td>
					</tr>
					<tr>
						<td valign="top">
						 <div class="tab1">
							 <table width=100%>
								 <tr>
									 <td colspan="2">站内搜索</td>
								 </tr>
							 </table>
						 </div>
						 	<div style="height:30px;">
						 		<input type="text" name="zn" value="小区名/城市名"><input type="button" value="搜索">
						 	</div>
						</td>
					</tr>
					<tr>
						<td valign="top">
						 <div class="tab1">
							 <table width=100%>
									 <tr>
										 <td>我的邻居</td>
										  <td align="right"><a href="">更多</a></td>
									 </tr>
								 </table>
						 </div>
						 <div style="height:150px;">
							 <img src="../images/linju.gif">
						 </div>
						</td>
					</tr>
					<tr>
						<td valign="top">
						 <div class="tab1">
						  <table width=100%>
									 <tr>
										 <td>求助信息</td>
										  <td align="right"><a href="">更多</a></td>
									 </tr>
								 </table>
						 </div>
						 <div style="height:150px;">
							 <img src="../images/qiuzhu.gif">
						 </div>
						</td>
					</tr>
					<tr>
					<td valign="top">
						 <div class="tab1">
						<table width=100%>
									 <tr>
										 <td>最近访客</td>
										  <td align="right"><a href="">更多</a></td>
									 </tr>
								 </table>
						 </div>
						 <div style="height:150px;">
						 	<img src="../images/haoyou.gif">
						 </div>
						</td>
					</tr>
				</table>
		</td>
	</tr>
</table>
 
</body>
</html>
